<style>
.apple {
  font-size: 28px;
  color: red;
}
</style>
<div id="aaaa" class='m10 box' style="font-size:40px">
  <em>I</em> like <span style="color:white; text-shadow:0 0 2px blue;"> cheese</span>
</div>

<div id="bbbb" class="m10 box" data-chart-klass="text" style="width: 580px; height: 70.7778px;">
  <div style="width: 580px; height: 70.7778px;">
    <div style="display: table; width: 580px; height: 70.7778px; transform: scale(1) translate(0px, 0px);">
      <div class="title" style="color: rgb(255, 0, 0); text-align: center;font-size: 21px; vertical-align: middle;">
        文本
      </div>
    </div>
  </div>
</div>

<div id='cccc' class="m10 box" style="margin-left: 200px">
  <ul>
    <li style="font-size: 29px">A black apple</li>
    <li>23333333</li>
    <li class="apple box">
      <ul>
        <li style="font-size: 29px">A red apple</li>
        <li>23333333</li>
        <li>红苹果</li>
      </ul>
    </li>
  </ul>
</div>

<button class="btn" id="prtscr1">aaaa画到canvas</button>
<button class="btn" id="prtscr2">bbbb画到canvas</button>
<button class="btn" id="prtscr3">一个svg画到canvas</button>

<div class="normal-container">
  <canvas class="w800 h600 box" id="canvas" width="800" height="600"></canvas>
  <span class="mousemove"></span>
</div>